$card: 'uni-card';

.#{$card} {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-radius: 4px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #e8e8e8;

  &-header {
    background: transparent;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 12px;
    border-radius: 2px 2px 0 0;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
  }

  &-title {
    flex: 1;
  }

  &-extra {
    cursor: pointer;
  }

  &-actions {
    display: flex;
    justify-content: center;
    border-top: 1px solid #e8e8e8;

    &-item {
      flex: 1;
      padding: 8px;
      text-align: center;
      border-left: 1px solid #e8e8e8;
      cursor: pointer;

      &:first-child {
        border-left: 0;
      }
    }
  }

  &-body {
    padding: 12px;
  }
}
